<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function(){
		//配置窗体
		$('#win').window({    
    		width:800,    
   			height:500,    
   		 	modal:true   
		}); 
		//配置员工
		$('#hrmod').datagrid({    
		    url:'getempls',//获取所有员工的信息    
		    columns:[[
				{field:'check',checkbox:true},
		        {field:'eid',title:'员工id',width:80,align:'center'},    
		        {field:'ename',title:'姓名',width:120,align:'center'},    
		        {field:'department',title:'部门',width:120,align:'center'},
		        {field:'eposition',title:'职位',width:120,align:'center'}, 
		       // {field:'eremark',title:'备注',width:400,align:'center'}
		    ]],
		    //只允许选择一行。
		    singleSelect:true,
		    striped:true,
		    rownumbers:true,
		    //如果为true，则在DataGrid控件底部显示分页工具栏。
		    pagination:true,
		    //pageSize:5,
		    //pageList:[5,10,15],
		    //定义分页工具栏的位置。可用的值有：'top','bottom','both'。
		    pagePosition:'bottom',
		    toolbar: [{
				iconCls: 'icon-edit',
				text:'职位修改',
				handler: function(){
					var sel=$('#hrmod').datagrid('getSelected');
					if(sel==null){
						$.messager.alert('提示','请选择一个进行修改');
					}else{
						var eid=sel.eid;
						var ename=sel.ename;
						var department=sel.dname;
						var eposition=sel.eposition;
						//配置获取部门下拉框
						$('#depart').combobox({
							url : 'selectdid',
							valueField : 'id',
							textField : 'text',
							panelHeight : 'auto',
							value:'请选择'
						});
						//把员工信息放入修改框
						$('#id').textbox({    
							  value:eid,
							  readonly:true
						})
						$('#name').textbox({
							value:ename,
							readonly:true
						})
						$('#depart').textbox({
							value:department
						})
						$('#posit').textbox({
							value:eposition
						})
						//配置修改对话框
						$('#change').dialog({    
						    title: '修改职位',    
						    width: 450,    
						    height: 300,    
						    closed: false,    
						    cache: false,    
						    //href: 'get_content.php',    
						    modal: true   
						});
						//配置保存修改按钮
						$('#save').linkbutton({    
						    iconCls: 'icon-ok',
						    onClick:function(){
						    	var eid=$('#id').val();
						    	//$("选择器").combobox("getText")//获取选项文本
						    	//$("选择器").combobox("getValue")//获取选项值
						    	var newdepart=$('#depart').combobox('getText');
						    	var newposit=$('#posit').val();
						    	if(newdepart=='请选择'){
						    		$.messager.alert('提示','请选择部门'); 
						    	}else{
									$.ajax({
										url:'savechange',
										type:'post',
										dataType:'text',
										data:{'depart':newdepart,'posit':newposit,'eid':eid},
										success:function(data){
											//修改成功后，刷新datagrid,关闭修改窗口
											if(data=='ture'){
												$.messager.alert('提示','修改成功');
												$('#hrmod').datagrid('reload');
												$('#change').window('close');
											}else{
												$.messager.alert('警告','修改失败');
											}
										}
									})
						    	}
							}
						});
						//配置取消修改按钮
						$('#cancle').linkbutton({ 
							iconCls:'icon-undo',
							onClick:function(){
								$('#change').window('close');
							}
						});
					}// end else
				}
			}]

		});
		//配置搜索框
		$('#ss').searchbox({
			prompt:'输入姓名查询',
		    searcher:function(value){
		    	$('#hrmod').datagrid('load', {    
		    	    name:value
		    	});  	
		    },
		});
		
	})
</script>
<body>
	<!-- 搜索框 -->
	<div style="margin-left: 10px">
		<input id="ss" class="easyui-searchbox" style="width:300px"></input> 	
	</div>
	<!-- 人事变更表 -->
		<table id="hrmod"></table>
	<!-- 修该员工对话框 -->
	<div id="change" style="display: none;" align="center">
		<div><br>
		员工id：<input class="easyui-textbox"  style="width:200px" id='id'>
		</div><br>
		<div>
		姓名：<input class="easyui-textbox"  style="width:200px" id='name'>
		</div><br>
		<div>												
		部门：<input id="depart" name='depart' style="width:200px" class="easyui-combobox" data-options="editable:false">
		</div><br>
		<div>
		职位：<input class="easyui-textbox"  style="width:200px" id='posit'>
		</div><br>
		<!-- 提交按钮 -->
		<div>
			 <a id="save" href="#">保存</a> 
		<!-- 取消按钮 -->
		&nbsp&nbsp&nbsp&nbsp
			<a id="cancle" href="#">取消</a> 
		</div>
	</div>
		 		
</body>
</html>